<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>F.Studio by FPT</title>

    <link href="images/favicon.ico" rel="shortcut icon">

    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="css/reset.css" rel="stylesheet" type="text/css">
    <link href="css/nivo-slider.css" rel="stylesheet" type="text/css">
    <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css">
    <link href="css/lofslidernews.css" rel="stylesheet" type="text/css">
    <!--CSS-->
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/products-related.css" rel="stylesheet" type="text/css">
    <!--JS-->
    <script src="plugins/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="js/account.js" type="text/javascript"></script>
</head>
<body>

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <header class="itq-header">
        <section class="itq-wrapper">
            <figure>
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </figure>
            <form action="#" method="post">
                <select class="greyBox" name="">
                    <option>Tất cả</option>
                    <option>Mac</option>
                    <option>iPad</option>
                    <option>iPhone</option>
                    <option>iPod</option>
                    <option>Phụ kiện</option>
                    <option>Chương trình khách hàng thân thiết</option>
                </select>
                <input class="txt greyBox" type="text" name="" placeholder="Tìm kiếm">
                <input class="btn" type="submit" name="" value="Tìm kiếm">
            </form>
            <section class="itq-cart">
                <figure>
                    <a href="#"><img src="images/cart.png" alt=""/></a>
                    <figcaption>
                        <a>0 sản phẩm</a><br/>
                        <a>0 đ</a>
                    </figcaption>
                </figure>
            </section>
            <section class="seller"></section><!--end .seller-->
        </section><!--end .itq-wrapper-->
    </header><!--end .itq-header-->
    <nav class="itq-nav">
        <section class="itq-wrapper">
            <ul>
                <li><a href="index.html">Trang chủ</a></li>
                <li><a href="mac.html">Mac</a></li>
                <li><a href="iphone.html">iPhone</a></li>
                <li><a href="ipad.html">iPad</a></li>
                <li><a href="ipod.html">iPod</a></li>
                <li><a href="phukien.html">Phụ kiện</a></li>
                <li><a href="tintuc.html">Khuyến mại</a></li>
                <li><a href="tintuc.html">Tin tức</a></li>
                <li><a href="tintuc.html">Khách hàng thân thiết</a></li>
            </ul>
            <section class="itq-login" style="display: none;">
                <span>Tài khoản</span>
                <form class="form-login" action="#" method="post">
                    <section class="form-grey">
                        <input class="closeBtn" type="button" value="">
                        <input class="txt-ac" type="text" placeholder="Số điện thoại/e-Mail">
                        <input class="txt-ac" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                        <div class="forgot-pass"><span><a href="#">Quên mật khẩu?</a></span></div>
                        <div class="remem-pass"><input type="checkbox"><label>Ghi nhớ thông tin đăng nhập</label></div>
                    </section>
                    <section class="form-btn">
                        <input class="blueBtn" type="submit" value="ĐĂNG NHẬP">
                        <input class="greyBtn" id="click" type="button" value="ĐĂNG KÝ">
                    </section>
                </form>
                <section id="register">
                    <header><h3>TÀI KHOẢN</h3></header>
                    <section class="register-info">
                        <h3>ĐĂNG KÝ</h3>
                        <form action="#" method="post">
                            <input class="txt-ac inline" type="text" placeholder="Họ và tên">
                            <input class="txt-ac inline" type="text" placeholder="Địa chỉ Email">
                            <input class="txt-ac inline" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                            <input class="blueBtn" type="submit" value="ĐĂNG KÝ">
                        </form>
                    </section><!--end .register-info-->
                    <section class="register-info">
                        <h3>ĐĂNG NHẬP</h3>
                        <form action="#" method="post">
                            <input class="txt-ac inline" type="text" placeholder="Địa chỉ Email">
                            <input class="txt-ac inline" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                            <input class="blueBtn" type="submit" value="ĐĂNG NHẬP">
                        </form>
                    </section><!--end .register-info-->
                </section>
            </section><!--end .itq-login-->
            <section class="itq-info-account">
                <span>lemanhhai1310@gmail.com</span>
                <section class="itq-quick-menu">
                    <ul>
                        <li><a href="#"><input type="button" class="leftBtn1"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn6"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn2"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn3"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn4"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn5"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtnExit"/></a></li>
                    </ul>
                </section><!--end .itq-quick-menu-->
            </section><!--end .itq-info-account-->
        </section>
    </nav>
    <section class="clear"></section>
    <section class="itq-master-wrapper">
        <section class="itq-wrapper">
            <section class="itq-cartBody clearfix">
                <section class="leftMenu">
                    <ul>
                        <li><a href="#"><input type="button" class="leftBtn1"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn6"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn2"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn3"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn4"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn5"/></a></li>
                    </ul>
                </section><!--end .leftMenu-->
                <section class="rightContent" style="border: none;">
                    <section class="Priv_right_box clearfix">
                        <div id="Priv_title_page" style="margin-top: 0px;">
                            <h2 class="Priv_tp_name"> CHƯƠNG TRÌNH KHÁCH HÀNG THÂN THIẾT </h2>
                            <h2 class="Priv_tp_subname"> Tích điểm nâng hạng - Đổi điểm mua hàng </h2>
                        </div>
                        <section class="rightContent" style="margin-bottom: 10px;">
                            <header class="itq-greyBg"><h3>QUY ĐỊNH F.POINT, F.MONEY, HẠNG THÀNH VIÊN</h3></header>
                            <section class="Content Priv_qdinh_main clearfix">
                                <ul class="Priv_qdinh_tabs">
                                    <li><a href="javascript:void(0)" alt="Priv_qd_content1" title="Priv_qd_content1" class="Priv_qd_tab active">Quy định F.point</a></li>
                                    <li><a href="javascript:void(0)" alt="Priv_qd_content2" title="Priv_qd_content2" class="Priv_qd_tab">Quy định F.money</a></li>
                                    <li><a href="javascript:void(0)" alt="Priv_qd_content3" title="Priv_qd_content3" class="Priv_qd_tab">Quy định hạng thành viên</a></li>
                                </ul>
                                <section class="clear"></section>
                                <div id="Priv_qd_content1" class="Priv_qd_content" style="display: block;">
                                    <div style="line-height:25px;">
                                        -	Mỗi điểm F.Point sẽ tương đương với 100,000 VNĐ giá trị hoá đơn mua hàng.<br>
                                        -	Sau khi mua hàng mà khách hàng trả hàng/đổi hàng thì điểm F.Point được tặng trước đó sẽ bị mất hoàn toàn.<br>
                                        -	Điểm F.Point chỉ được quy đổi ra F.Money để mua hàng tiếp theo, không được quy đổi ra tiền mặt.<br>
                                        -	Khách hàng có thể kiểm tra điểm F.Point, F.Money cá nhân trên trang web www.fstudiobyfpt.com.vn.<br>
                                        -	Điểm F.Point có giá trị sử dụng hoặc quy đổi F.Money để mua hàng trong vòng 1 năm.
                                    </div>
                                </div>
                                <div id="Priv_qd_content2" class="Priv_qd_content" style="display: none;">
                                    <div style="line-height:25px;"> -	Mỗi F.Money tương đương với 250VNĐ nhưng không được quy đổi thành tiền mặt mà chỉ được sử dụng làm giá trị khi mua hàng.<br>
                                        -	F.Money không có giá trị quy đổi ngược lại thành F.Point.<br>
                                        -	F.Money không được tích luỹ thành điểm thưởng F.Point khi sử dụng để mua hàng.<br>
                                        -	Khi khách hàng huỷ mua hàng hay trả hàng thì tiền thưởng F.Money sẽ được tự động phục hồi.<br>
                                        -	F.Money có thể sử dụng thanh toán tối đa 10% giá trị đơn hàng.<br>
                                        -	F.Money chỉ có giá trị để mua hàng trong vòng 1 năm.
                                    </div>
                                </div>
                                <div id="Priv_qd_content3" class="Priv_qd_content Priv_hmember_main" style="display: none;">
                                    <table border="1" cellpadding="0" cellspacing="0">
                                        <tbody>
                                        <tr>
                                            <th class="Priv_col1">Loại thẻ</th>
                                            <th class="Priv_col2" style="height:16px; width:582px">Điều kiện cấp thẻ</th>
                                        </tr>
                                        <tr>
                                            <td style="height:16px; width:141px">
                                                <p>Membership card</p>
                                            </td>
                                            <td style="height:16px; width:582px">
                                                <p>Khi mua các mặt hàng Mac (Macbook Air, Macbook Pro, iMac, Macmini, Macpro), Ipad, iPhone, iPod, Apple TV</p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="height:16px; width:141px">
                                                <p>Silver Apple Card</p>
                                            </td>
                                            <td style="height:16px; width:582px">
                                                <p>KH mua hàng có giá trị tích lũy 500 điểm F.Point kể từ lần mua đầu tiên</p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="height:16px; width:141px">
                                                <p>Gold Apple Card</p>
                                            </td>
                                            <td style="height:16px; width:582px">
                                                <p>KH mua hàng có giá trị tích lũy 1,000 điểm F.Point kể từ lần mua đầu tiên</p>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </section><!--end .Content-->
                        </section><!--end .rightContent-->
                        <section class="rightContent" style="margin-bottom: 10px;">
                            <header class="itq-greyBg"><h3>F.POINT, F.MONEY, HẠNG THÀNH VIÊN</h3></header>
                            <section class="Content Priv_hmember_main clearfix">
                                <table border="0" cellpadding="0" cellspacing="0">
                                    <tbody>
                                    <tr>
                                        <th class="Priv_col1">Thành viên</th>
                                        <th class="Priv_col2">Tổng giá trị mua hàng</th>
                                        <th class="Priv_col3">F.point</th>
                                        <th class="Priv_col4">Số tiền F.money</th>
                                        <th class="Priv_col5">Hạng thẻ</th>
                                    </tr>
                                    <tr>
                                        <td>Lê Mạnh Hải</td>
                                        <td>0 vnđ</td>
                                        <td>0</td>
                                        <td>0 vnđ</td>
                                        <td>Membership card</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </section><!--end .Content-->
                        </section><!--end .rightContent-->
                        <section class="rightContent" style="margin-bottom: 10px;">
                            <header class="itq-greyBg"><h3>LỊCH SỬ GIAO DỊCH</h3></header>
                            <section class="Content Priv_histo_main clearfix">
                                <table border="0" cellpadding="0" cellspacing="0">
                                    <tbody><tr>
                                        <th class="Priv_col01">Ngày mua hàng</th>
                                        <th class="Priv_col02">Số đơn hàng</th>
                                        <th class="Priv_col03">Sản phẩm</th>
                                        <th class="Priv_col04">Giá trị mua hàng</th>
                                        <th class="Priv_col05">F.point tích lũy</th>
                                        <th class="Priv_col06">Số tiền F.money tích lũy</th>
                                        <th class="Priv_col07">Số tiền F.money đã dùng</th>
                                        <th class="Priv_col08">Ghi chú</th>
                                    </tr>
                                    <tr><td colspan="8" class="Priv_col_scroll">
                                        <div class="Priv_histo_scroll" style="overflow: hidden; outline: none;" tabindex="5000">
                                            <table border="0" cellpadding="0" cellspacing="0">
                                            </table>
                                        </div>
                                    </td>
                                    </tr></tbody></table>
                            </section><!--end .Content-->
                        </section><!--end .rightContent-->
                    </section><!--end .Priv_right_box-->
                </section><!--end .rightContent-->
            </section><!--end .itq-cartBody-->
        </section>
    </section><!--end .itq-master-wrapper-->
    <section class="clear"></section>
    <section class="itq-greyBg">
        <section class="greyLine"></section><!--end .greyLine-->
        <section class="itq-wrapper">
            <section class="form-email">
                <form action="#" method="post">
                    <label>Đăng ký nhận tin khuyến mãi</label>
                    <input class="name" type="text" placeholder="Bạn tên gì?">
                    <input class="email" type="text" placeholder="Email của bạn..">
                    <input class="btn-xn" type="submit" value="XÁC NHẬN">
                </form>
            </section><!--end .form-email-->
            <section class="phone">
                <ul>
                    <li>
                        <p>Giao hàng miễn phí</p>
                        <span>1900 6606</span>
                    </li>
                    <li>
                        <p>Chăm sóc khách hàng</p>
                        <span>1900 6616</span>
                    </li>
                </ul>
            </section>
        </section>
        <section class="greyLine"></section><!--end .greyLine-->
    </section><!--end .itq-greyBg-->
    <footer class="itq-footer itq-greyBg">
        <section class="itq-wrapper">
            <section class="left">
                <section class="info">
                    <h3>Thông tin F.Studio</h3>
                    <ul>
                        <li><a href="#">Giới thiệu</a></li>
                        <li><a href="#">Tuyển dụng</a></li>
                        <li><a href="#">Hệ thống cửa hàng</a></li>
                        <li><a href="#">Liên Hệ</a></li>
                        <li><a href="#">Trợ giúp / Hỏi đáp</a></li>
                    </ul>
                </section>
                <section class="info">
                    <h3>Dịch vụ & Hỗ trợ</h3>
                    <ul>
                        <li><a href="#">Hướng dẫn mua hàng</a></li>
                        <li><a href="#">Hướng dẫn thanh toán</a></li>
                        <li><a href="#">Chính sách đổi sản phẩm</a></li>
                        <li><a href="#">Chính sách bảo hành</a></li>
                        <li><a href="#">Câu hỏi thường gặp</a></li>
                        <li><a href="#">Chính sách bảo mật</a></li>
                    </ul>
                </section>
            </section><!--end .left-->
            <section class="right">
                <section class="social">
                    <h3>Kết nối với F.Studio</h3>
                    <ul>
                        <li><a href="#"><img src="images/0020311_facebook.png" alt=""></a></li>
                        <li><a href="#"><img src="images/0020313_youtube.png" alt=""></a></li>
                    </ul>
                </section><!--end .social-->
                <section class="facebook">
                    <!--
                    <header><h3>Tìm chúng tôi trên Facebook</h3></header>
                    <section class="face-box"></section>
                    -->
                    <div class="fb-like-box" data-href="https://www.facebook.com/fstudiobyfpt.com.vn" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
                </section><!--end .facebook-->
            </section><!--end .right-->
        </section><!--end .itq-wrapper-->
        <section class="greyLine"></section>
        <section class="clear"></section>
        <section class="itq-wrapper footer-bottom">
            <p>Apple, the Apple logo are trademark of Apple inc, registered in the US, and other countries</p>
            <p>Copyright @ 2010 Apple by FPT - FPT Digital Retail J.S.C... All rights reserved.</p>
        </section>
    </footer><!--end .itq-footer-->
    <script src="plugins/jquery.nivo.slider.js" type="text/javascript"></script>
    <script src="plugins/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="plugins/lofslidernews.js" type="text/javascript"></script>
    <script src="plugins/jquery.easing.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider({
                effect: 'random',
                slices: 15,
                boxCols: 8,
                boxRows: 4,
                animSpeed: 500,
                pauseTime: 3000,
                startSlide: 0,
                directionNav: true,
                controlNav: true,
                controlNavThumbs: false,
                pauseOnHover: true,
                manualAdvance: false,
                prevText: '',
                nextText: '',
                randomStart: false,
                beforeChange: function(){},
                afterChange: function(){},
                slideshowEnd: function(){},
                lastSlide: function(){},
                afterLoad: function(){}
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready( function(){
            // buttons for next and previous item
            var buttons = { previous:$('#jslidernews1 .button-previous') ,
                next:$('#jslidernews1 .button-next') };
            $('#jslidernews1').lofJSidernews( { interval : 4000,
                direction		: 'opacitys',
                easing			: 'easeInOutExpo',
                duration		: 1200,
                auto		 	: true,
                maxItemDisplay  : 4,
                navPosition     : 'horizontal', // horizontal
                navigatorHeight : 90,
                navigatorWidth  : 80,
                mainWidth		: 560,
                buttons			: buttons
                ,rtl:true} );
        });
    </script>

</body>
</html>